
<template >
<div   class="top_box">
    
            <mt-header fixed title="长江大学工程技术学院"></mt-header>

            <transition mode="out-in"> 
            <router-view></router-view> 
            </transition>

            <!-- <router-link to="/account">Account</router-link>  
                <router-link to="/regiest">Regiest</router-link>  -->

                		 
                         
                         
             <nav class="mui-bar mui-bar-tab">
			
            <router-link to="/home" class="mui-tab-item " href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
                </router-link>
            
            
            
			<router-link to="/message" class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">消息</span>
            </router-link>
            
            
			<router-link to="/shopping" class="mui-tab-item" href="#tabbar-with-contact">
				<span class=" mui-icon mui-icon-extra mui-icon-extra-cart">
				<span class="mui-badge">0</span>
                </span>
				<span class="mui-tab-label">购物车</span>
            </router-link>

            
			<router-link to="/my" class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">我的</span>
            </router-link>
		</nav> 

       

    
<!-- <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
    <div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">菜鸟教程</a>
    </div>
    <div>
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">iOS</a></li>
            <li><a href="#">SVN</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    Java <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">jmeter</a></li>
                    <li><a href="#">EJB</a></li>
                    <li><a href="#">Jasper Report</a></li>
                    <li class="divider"></li>
                    <li><a href="#">分离的链接</a></li>
                    <li class="divider"></li>
                    <li><a href="#">另一个分离的链接</a></li>
                </ul>
            </li>
        </ul>
    </div>
    </div>
</nav> -->
</div>    
</template>

 <style scoped >
 #top_box{

     /* max-width: 640px; */
    

 }


        .top{
            padding-top: 40px;
            
            /* padding-bottom: 50 px; */
        }

        .mystyle{
      color: red;
      /* background-color: aqua; */
               }
               
  .v-enter , .v-leave-to{
                opacity: 0;
                transform: translate3d(90) ;
  }
  .v-enter.active ,.v-leave-active{
      transition:  all  0.4s ease  ;
  }
</style>
  
<script>


// import './libs/mui/js/mui.min.js'
</script>

